<template>
    <div id="app">
       <header>
           <ul>
              <li><img src="../assets/imgs/5_03.png"></li>
              <li>注册(1/2)</li>
              <li></li>
           </ul>
       </header>
       <section>
           <div class="section-phone">
              <ul>
                 <li><img src="../assets/imgs/5_07.png"></li>
                 <li><input type="text" placeholder="手机号"></li>
              </ul>
           </div>
           <div class="section-Verification-Code">
              <ul>
                 <li><img src="../assets/imgs/5_10.png"></li>
                 <li><input type="text" placeholder="验证码"></li>
              </ul>
           </div>
           <div class="section-switch">
              <ul>
               <li>我已阅读并同意《<span>用户协议</span>》</li>
              </ul>
           </div>
       </section>
       <footer>
           <button>下一步</button>
       </footer>
    </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import "../assets/less/register.less";
   @import "../assets/css/reset.css";
</style>
